import React from 'react'
import Card from 'lib/components/card.jsx'
import HelpPart from './HelpPart.jsx'
import imgSrc from 'lib/util/ImageSource'

export default class AndroidHelp extends React.Component{
  render(){
    return (
      <Card title="Android SDK in Ant 安装方法">
        <video controls className="img-responsive" poster={imgSrc('setup/Android-SDK-Ant.png')}>
          <source src="https://dn-oneapm.qbox.me/android-sdk-install-ant.v0.2.mp4" type="video/mp4" />
        </video>
        <h5 className="video-title">Android SDK in Eclipse 安装方法</h5>
        <video controls className="img-responsive" poster={imgSrc('setup/Android-SDK-Eclipse.png')}>
          <source src="https://dn-oneapm.qbox.me/android-sdk-install-eclipse.v0.2.mp4" type="video/mp4" />
        </video>
        <h5 className="video-title">Android SDK in Gradle 安装方法</h5>
        <video controls className="img-responsive" poster={imgSrc('setup/Android-SDK-Gradle.png')}>
          <source src="https://dn-oneapm.qbox.me/android-sdk-install-gradle.v0.2.mp4" type="video/mp4" />
        </video>
        <div className="help-part">
          <h5>查阅更多文档</h5>
          <ul>
            <li><a href="https://oneapm.kf5.com/posts/view/43702/" target="_blank">Android SDK Release Note</a></li>
            <li><a href="https://oneapm.kf5.com/posts/view/45189" target="_blank">Android SDK - Ant 安装方法</a></li>
            <li><a href="https://oneapm.kf5.com/posts/view/45768 " target="_blank">Android SDK - Eclipse 插件安装方法</a></li>
            <li><a href="https://oneapm.kf5.com/posts/view/45930" target="_blank">Android SDK -  Gradle 插件安装方法</a></li>
            <li><a href="https://oneapm.kf5.com/posts/view/48050" target="_blank">Android SDK 安装出现异常怎么办?</a></li>
            <li><a href="https://oneapm.kf5.com/posts/view/48049" target="_blank">No providers installed 异常处理</a></li>
            <li><a href="https://oneapm.kf5.com/posts/view/45662/" target="_blank">WebView 性能监控使用说明</a></li>
          </ul>
        </div>
        <HelpPart />
      </Card>
    )
  }
}
